const GRID_TYPE_ENUM = {
  DOT: 'dot',
  FIXED_DOT: 'fixedDot',
  MESH: 'mesh',
  DOUBLE_MESH: 'doubleMesh'
}
const REPEAT_TYPE = {
  NO_REPEAT: 'no-repeat',
  REPEAT: 'repeat',
  REPEAT_X: 'repeat-x',
  REPEAT_Y: 'repeat-y',
  ROUND: 'round',
  SPACE: 'space',
  FLIPX: 'flipX',
  FLIPY: 'flipY',
  FLIPXY: 'flipXY',
  WATERMARK: 'watermark'
}
// 网格类型
export const meshTypeOptions = [
  { value: GRID_TYPE_ENUM.DOT, label: '点' },
  { value: GRID_TYPE_ENUM.MESH, label: '网格' },
  { value: GRID_TYPE_ENUM.DOUBLE_MESH, label: '双网格' }
]
// 平铺方式
export const repeatOptions = [
  { value: REPEAT_TYPE.NO_REPEAT, label: '不重复' },
  { value: REPEAT_TYPE.REPEAT, label: '重复' },
  { value: REPEAT_TYPE.REPEAT_X, label: 'X轴重复' },
  { value: REPEAT_TYPE.REPEAT_Y, label: 'Y轴重复' },
  { value: REPEAT_TYPE.ROUND, label: '环绕' },
  { value: REPEAT_TYPE.SPACE, label: '间隔' },
  { value: REPEAT_TYPE.FLIPX, label: 'X轴翻转' },
  { value: REPEAT_TYPE.FLIPY, label: 'Y轴翻转' },
  { value: REPEAT_TYPE.FLIPXY, label: 'XY轴翻转' },
  { value: REPEAT_TYPE.WATERMARK, label: '水印' }
]

export const positionOptions = [
  { value: 'center', label: '中间' },
  { value: 'left', label: '左' },
  { value: 'right', label: '右' },
  { value: 'top', label: '顶部' },
  { value: 'bottom', label: '底部' }
  // { value: '50px 50px', label: '50px 50px' },
  // { value: JSON.stringify({ x: 50, y: 50 }), label: '{ x: 50, y: 50 }' }
]

export const bgSizeOptions = [
  { value: 'auto auto', label: '默认' },
  { value: 'cover', label: '覆盖' },
  { value: 'contain', label: '包含' },
  { value: '30px 30px', label: '30px' },
  { value: '100% 100%', label: '100%' },
  { value: JSON.stringify({ width: 150, height: 150 }), label: '150px' }
]
